body{
    background: #CADEF5;
    position: fixed;
    /* width: 1440px;
    height: 900px; */
    width: 100%;
    height: 100%;
   }
   .title{
    position: absolute;
    width: 473px;
    height: 66px;
    left: 30%;
    top: 24px;
    
    font-family: Alibaba PuHuiTi;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 66px;
    /* identical to box height */
    text-align: center;
    white-space:nowrap;
    display: flex;
    align-items: center;
    
   }
   .two{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 48px;

    background: radial-gradient(63.11% 63.11% at 31.97% 19.67%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 61.98%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #399DFF 0%, #0D78E1 61.46%, #297DCF 100%);
    position: absolute;
    width: 150px;
    height: 100px;
    top: 30%;
    left: 60%;

    box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.16);
    border-radius: 8px;

    white-space:nowrap;
    font-family: Alibaba PuHuiTi;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 38px;
    display: flex;
    align-items: center;

    color: #FFFFFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
   }
   .twoA{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 48px;

    background: radial-gradient(63.11% 63.11% at 31.97% 19.67%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 61.98%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #399DFF 0%, #0D78E1 61.46%, #297DCF 100%);
    position: absolute;
    width: 150px;
    height: 100px;
    top: 30%;
    left: 10%;

    box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.16);
    border-radius: 8px;

    white-space:nowrap;
    font-family: Alibaba PuHuiTi;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 38px;
    display: flex;
    align-items: center;

    color: #FFFFFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
   }
   .twoB{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 48px;

    background: radial-gradient(63.11% 63.11% at 31.97% 19.67%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 61.98%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #399DFF 0%, #0D78E1 61.46%, #297DCF 100%);
    position: absolute;
    width: 150px;
    height: 100px;
    top: 30%;
    left: 40%;

    box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.16);
    border-radius: 8px;

    white-space:nowrap;
    font-family: Alibaba PuHuiTi;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 38px;
    display: flex;
    align-items: center;

    color: #FFFFFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
   }
   .four{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 48px;

    background: radial-gradient(63.11% 63.11% at 31.97% 19.67%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 61.98%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #399DFF 0%, #0D78E1 61.46%, #297DCF 100%);
    position: absolute;
    width: 150px;
    height: 100px;
    top: 30%;
    left: 80%;

    box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.16);
    border-radius: 8px;

    white-space:nowrap;
    font-family: Alibaba PuHuiTi;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 38px;
    display: flex;
    align-items: center;

    color: #FFFFFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
   }